/*box1style*/
.one{
					margin:0; width:100%; height:100%;
			}
/*box2style*/
.two{
					width:calc(12% - 2px);height:calc(100% - 2px); float:left;
			}
.three{
					width:calc(100% - 2px);height:calc(35% - 2px); border:1px solid #9ce8cd; float:left;
			}
			.three2{
					width:calc(100% - 10px); height:28px; float:left;line-height:26px;padding-left:10px;
					background:linear-gradient(180deg,rgba(224,241,237,1) 50%,rgba(193,227,226,1) 50%);
					font-size:14px; text-align:left;
			}
			.three21{
					width:calc(100% - 2px); height:calc(93% - 2px); float:left;border:1px solid #9ce8cd;
			}
			.three22{
					width:100%; height:100%;
			}
			.three3{
					width:100%; height:94%; float:left;
					
					
			}
			.three31{
					width:100%; height:94%; float:left;
					
					
			}
			.three311{
					width: calc(12% - 4px);
					    height: 32%;
					    float: left;
					    border: 1px solid #9ce8cd;
					    position: absolute;
						background: #f3f3f3;
					
					
			}
			.three32{
					width: calc(12% - 4px);
					    height: 31%;
					    float: left;
					    border: 1px solid #9ce8cd;
					    background: #f3f3f3;
						position: absolute;
						bottom: 2px;
					
					
			}
			.three312{
					width:100%;height:100%;float:left; border: 1px solid #707070; background:#01adbe; color:white;margin-top:20%;border-radius: 5px;
					
					
			}
			.three322{
					width:100%;height:100%;float:left; border: 1px solid #8b8b8b; background:#013845; color:white;margin-top:35%;border-radius: 5px;
					
					
			}
			.three313{
					width:60%;height:10%;float:left;padding:20%;
					
					
			}
			
			.show:hover{
				background:#FF810C;cursor:pointer
			}
			.show{
				width:100%;height:100%;
				
			}
			.show2:hover{
				background:#0075af;opacity:0.6;cursor:pointer
			}
			.show2{
				width:100%;height:100%;
				
			}
			
			.three4{
				
					width:50%; height:33%; float:left;background-color:#01ADBE;box-sizing: border-box; border: solid 0.5px rgba(255,255,255,0.8);
					display: flex;justify-content: center;align-items: center; 
					
			}
			.four{
					width:calc(100% - 2px); height:calc(65% - 2px); border:1px solid #9ce8cd; float:left;
			}
			.four2{
					width:calc(100% - 2px); height:calc(65% - 2px); border:1px solid #9ce8cd; float:left;
			}
			.five{
					width: calc(88% - 2px);
				    height: 100%;
				    float: left;
			}
			
			.six{
				    width: 100%;
				    height: calc(70% - 2px);
				    float: left;
				    display: inline-block;
			}
			
			.seven{
				    width: calc(60% - 2px);
				    height: calc(100% - 2px);
				    float: left;
				    border: 1px solid #9ce8cd;
			}
			.eight{
				width: calc(40% - 2px);
				    height: calc(100% - 2px);
				    float: left;
			}
			.nine{
					width: calc(100% - 2px);
					height: calc(50% - 1px);
					border: 1px solid #9CE8CD;
					float: left;
					display: inline-block;
			}
			.ten{
					width: calc(100% - 2px);
					height: calc(30% - 2px);
				    border: 1px solid #9CE8CD;
				    float: left;
				    display: inline-block;
			}
			#customers
			  {
			  width:100%;
			  border-collapse:collapse;
			  }
			
			#customers td, #customers th 
			  {
			  font-size:14px;
			  border:1px solid #ababab;
			  padding:3px 7px 2px 7px;
			  }
			
			#customers th 
			  {
			  font-size:14px;
			  text-align:center;
			  padding-top:5px;
			  padding-bottom:4px;
			  background-color:#c1c1c1;
			  color:#ffffff;
			  }
			
			#customers tr.alt td 
			  {
			  color:#000000;
			  background-color:#dfdfdf;
			  }